<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			*{
				margin: 0;
				padding: 0;
			}
			body p{
				font-size: 30px;
				margin-top: 10px;
				float: left;
				margin-left: 40%;
			}
			.stop{
				font-size: 20px;
				font-weight: bold;
				margin-left: 20px;
				margin-top: 15px;
				cursor: pointer;
			}
			.big{
				width: 528px;	
				height: 449px;
				margin: 30px auto;
				position: relative;
			}
			.star {
				width: 528px;	
				height: 449px;
				background: rgba(222, 216, 216, 0.7);
				position: absolute;
				top: 0;
				left: 0;
				z-index: 2;
			}
			.star button{
				background: none;
				font-size: 50px;
				font-weight: bold;
				color: brown;
				border: none;
				position: absolute;
				top: 40%;
				left: 40%;
				cursor: pointer;
			}
			.web {
				width: 528px;	
				/*margin: 20px auto;*/
				background: rgba(0, 0, 0, 0.8);
				overflow: hidden;
			}
			.web td{
				width: 170.5px;
				height: 143px;
				/*text-atdgn: center;*/
				margin: 2px;
				overflow: hidden;
				position: relative;
				float: left;
			}
			.web td img{
				width: 100%;
			}
		</style>
	</head>

	<body>
		<p>00.00</p>
		<button class="stop">结束</button>
		<div class="big">
			<div class="star">
				<button>开始</button>
			</div>
			<table class="web">
				<tr class="a">
					<td class="a"><img src="img/ba_02.png" class="img1"/></td>
					<td class="a"><img src="img/ba_03.png" class="img2"/></td>
					<td class="b"><img src="img/ba_06.png" class="img3"/></td>
				</tr>
				<tr class="b">
					<td class="b"><img src="img/ba_04.png" class="img4"/></td>
					<td class="b"><img src="img/ba_05.png" class="img5"/></td>
					<td class="c"><img src="img/ba_07.png" class="img6"/></td>
				</tr>
				<tr class="c">
					<td class="c"><img src="img/ba_08.png" class="img7"/></td>
					<td class="c"><img src="img/ba_09.png" class="img8"/></td>
					<td class="a"></td>
				</tr>
			</table>
		</div>
		<script src="js/jquery-2.1.0.js"></script>
		<script src="js/index.js"></script>
	</body>

</html>